<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .a4 {
            width: 210mm;
            /* A4 宽度 */
            height: 297mm;
            /* A4 高度 */
            margin: auto;
            /* 居中 */
            background: white;
            /* 屏幕预览时有纸张效果 */
            border: 5px solid #ccc;
            padding: 20mm;
            /* 页面边距 */
            box-sizing: border-box;
        }

        @page {
            size: A4;
            margin: 0;
            /* 或根据需要设置边距，比如 20mm */
        }

        @media print {
            body {
                margin: 0;
            }
        }
    </style>
</head>

<body>
    <div class="a4">
        <h1>A4标题</h1>
        <p>这里是内容……</p>
    </div>
</body>

</html>